extends ../_layout

block active
  - sidebar_active = 'icons-weather.html'

block content
    h3 Weather Icons
        small Static and animated weather themed icons, ready to be dropped right into your project.

    .row
        .col-sm-12
            h4.page-header.mt0 Skycons

            - var types = ['clear-day', 'clear-night', 'partly-cloudy-day', 'partly-cloudy-night', 'cloudy', 'rain', 'sleet', 'snow', 'wind', 'fog']
            .row
              - each t in types
                .col-xs-3
                  div.center-block(data-skycon="#{t}", data-color="#888", data-width="60", data-height="60")
                  p: code #{t}

    .row
        .col-sm-12
            p.lead.mt-lg Daytime
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-sunny
                        .col-xs-11 .wi.wi-day-sunny
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-cloudy
                        .col-xs-11 .wi.wi-day-cloudy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-cloudy-gusts
                        .col-xs-11 .wi.wi-day-cloudy-gusts
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-cloudy-windy
                        .col-xs-11 .wi.wi-day-cloudy-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-fog
                        .col-xs-11 .wi.wi-day-fog
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-hail
                        .col-xs-11 .wi.wi-day-hail
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-haze
                        .col-xs-11 .wi-day-haze
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-lightning
                        .col-xs-11 .wi-day-lightning
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-rain
                        .col-xs-11 .wi-day-rain
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-rain-mix
                        .col-xs-11 .wi-day-rain-mix
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-rain-wind
                        .col-xs-11 .wi-day-rain-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-showers
                        .col-xs-11 .wi-day-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-sleet
                        .col-xs-11 .wi-day-sleet
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-sleet-storm
                        .col-xs-11 .wi-day-sleet-storm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-snow
                        .col-xs-11 .wi-day-snow
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-snow-thunderstorm
                        .col-xs-11 .wi-day-snow-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-snow-wind
                        .col-xs-11 .wi-day-snow-wind
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-sprinkle
                        .col-xs-11 .wi-day-sprinkle
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-storm-showers
                        .col-xs-11 .wi-day-storm-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-sunny-overcast
                        .col-xs-11 .wi-day-sunny-overcast
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-thunderstorm
                        .col-xs-11 .wi-day-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-windy
                        .col-xs-11 .wi-day-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-solar-eclipse
                        .col-xs-11 .wi-solar-eclipse
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-hot
                        .col-xs-11 .wi-hot
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-cloudy-high
                        .col-xs-11 .wi-day-cloudy-high
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-day-light-wind
                        .col-xs-11 .wi-day-light-wind
        .col-sm-12
            p.lead.mt-lg Nighttime
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-clear
                        .col-xs-11 .wi-night-clear
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-cloudy
                        .col-xs-11 .wi-night-alt-cloudy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-cloudy-gusts
                        .col-xs-11 .wi-night-alt-cloudy-gusts
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-cloudy-windy
                        .col-xs-11 .wi-night-alt-cloudy-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-hail
                        .col-xs-11 .wi-night-alt-hail
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-lightning
                        .col-xs-11 .wi-night-alt-lightning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-rain
                        .col-xs-11 .wi-night-alt-rain
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-rain-mix
                        .col-xs-11 .wi-night-alt-rain-mix
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-rain-wind
                        .col-xs-11 .wi-night-alt-rain-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-showers
                        .col-xs-11 .wi-night-alt-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-sleet
                        .col-xs-11 .wi-night-alt-sleet
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-sleet-storm
                        .col-xs-11 .wi-night-alt-sleet-storm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-snow
                        .col-xs-11 .wi-night-alt-snow
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-snow-thunderstorm
                        .col-xs-11 .wi-night-alt-snow-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-snow-wind
                        .col-xs-11 .wi-night-alt-snow-wind
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-sprinkle
                        .col-xs-11 .wi-night-alt-sprinkle
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-storm-showers
                        .col-xs-11 .wi-night-alt-storm-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-thunderstorm
                        .col-xs-11 .wi-night-alt-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-cloudy
                        .col-xs-11 .wi-night-cloudy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-cloudy-gusts
                        .col-xs-11 .wi-night-cloudy-gusts
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-cloudy-windy
                        .col-xs-11 .wi-night-cloudy-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-fog
                        .col-xs-11 .wi-night-fog
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-hail
                        .col-xs-11 .wi-night-hail
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-lightning
                        .col-xs-11 .wi-night-lightning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-partly-cloudy
                        .col-xs-11 .wi-night-partly-cloudy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-rain
                        .col-xs-11 .wi-night-rain
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-rain-mix
                        .col-xs-11 .wi-night-rain-mix
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-rain-wind
                        .col-xs-11 .wi-night-rain-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-showers
                        .col-xs-11 .wi-night-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-sleet
                        .col-xs-11 .wi-night-sleet
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-sleet-storm
                        .col-xs-11 .wi-night-sleet-storm
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-snow
                        .col-xs-11 .wi-night-snow
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-snow-thunderstorm
                        .col-xs-11 .wi-night-snow-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-snow-wind
                        .col-xs-11 .wi-night-snow-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-sprinkle
                        .col-xs-11 .wi-night-sprinkle
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-storm-showers
                        .col-xs-11 .wi-night-storm-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-thunderstorm
                        .col-xs-11 .wi-night-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-lunar-eclipse
                        .col-xs-11 .wi-lunar-eclipse
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-stars
                        .col-xs-11 .wi-stars
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-storm-showers
                        .col-xs-11 .wi-storm-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-thunderstorm
                        .col-xs-11 .wi-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-cloudy-high
                        .col-xs-11 .wi-night-alt-cloudy-high
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-cloudy-high
                        .col-xs-11 .wi-night-cloudy-high
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-night-alt-partly-cloudy
                        .col-xs-11 .wi-night-alt-partly-cloudy
        .col-sm-12
            p.lead.mt-lg Neutral
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloud
                        .col-xs-11 .wi-cloud
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloudy
                        .col-xs-11 .wi-cloudy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloudy-gusts
                        .col-xs-11 .wi-cloudy-gusts
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloudy-windy
                        .col-xs-11 .wi-cloudy-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-fog
                        .col-xs-11 .wi-fog
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-hail
                        .col-xs-11 .wi-hail
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-rain
                        .col-xs-11 .wi-rain
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-rain-mix
                        .col-xs-11 .wi-rain-mix
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-rain-wind
                        .col-xs-11 .wi-rain-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-showers
                        .col-xs-11 .wi-showers
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-sleet
                        .col-xs-11 .wi-sleet
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-snow
                        .col-xs-11 .wi-snow
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-sprinkle
                        .col-xs-11 .wi-sprinkle
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-storm-showers
                        .col-xs-11 .wi-storm-showers
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-thunderstorm
                        .col-xs-11 .wi-thunderstorm
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-snow-wind
                        .col-xs-11 .wi-snow-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-snow
                        .col-xs-11 .wi-snow
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-smog
                        .col-xs-11 .wi-smog
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-smoke
                        .col-xs-11 .wi-smoke
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-lightning
                        .col-xs-11 .wi-lightning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-raindrops
                        .col-xs-11 .wi-raindrops
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-raindrop
                        .col-xs-11 .wi-raindrop
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-dust
                        .col-xs-11 .wi-dust
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-snowflake-cold
                        .col-xs-11 .wi-snowflake-cold
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-windy
                        .col-xs-11 .wi-windy
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-strong-wind
                        .col-xs-11 .wi-strong-wind
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-sandstorm
                        .col-xs-11 .wi-sandstorm
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-earthquake
                        .col-xs-11 .wi-earthquake
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-fire
                        .col-xs-11 .wi-fire
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-flood
                        .col-xs-11 .wi-flood
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-meteor
                        .col-xs-11 .wi-meteor
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-tsunami
                        .col-xs-11 .wi-tsunami
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-volcano
                        .col-xs-11 .wi-volcano
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-hurricane
                        .col-xs-11 .wi-hurricane
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-tornado
                        .col-xs-11 .wi-tornado
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-small-craft-advisory
                        .col-xs-11 .wi-small-craft-advisory
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-gale-warning
                        .col-xs-11 .wi-gale-warning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-storm-warning
                        .col-xs-11 .wi-storm-warning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-hurricane-warning
                        .col-xs-11 .wi-hurricane-warning
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-direction
                        .col-xs-11 .wi-wind-direction
        .col-sm-12
            p.lead.mt-lg Miscellaneous
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-alien
                        .col-xs-11 .wi-alien
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-celsius
                        .col-xs-11 .wi-celsius
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-fahrenheit
                        .col-xs-11 .wi-fahrenheit
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-degrees
                        .col-xs-11 .wi-degrees
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-thermometer
                        .col-xs-11 .wi-thermometer
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-thermometer-exterior
                        .col-xs-11 .wi-thermometer-exterior
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-thermometer-internal
                        .col-xs-11 .wi-thermometer-internal
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloud-down
                        .col-xs-11 .wi-cloud-down
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloud-up
                        .col-xs-11 .wi-cloud-up
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-cloud-refresh
                        .col-xs-11 .wi-cloud-refresh
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-horizon
                        .col-xs-11 .wi-horizon
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-horizon-alt
                        .col-xs-11 .wi-horizon-alt
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-sunrise
                        .col-xs-11 .wi-sunrise
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-sunset
                        .col-xs-11 .wi-sunset
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moonrise
                        .col-xs-11 .wi-moonrise
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moonset
                        .col-xs-11 .wi-moonset
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-refresh
                        .col-xs-11 .wi-refresh
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-refresh-alt
                        .col-xs-11 .wi-refresh-alt
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-umbrella
                        .col-xs-11 .wi-umbrella
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-barometer
                        .col-xs-11 .wi-barometer
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-humidity
                        .col-xs-11 .wi-humidity
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-na
                        .col-xs-11 .wi-na
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-train
                        .col-xs-11 .wi-train
        .col-sm-12
            p.lead.mt-lg Moon Phases
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-new
                        .col-xs-11 .wi-moon-new
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-1
                        .col-xs-11 .wi-moon-waxing-crescent-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-2
                        .col-xs-11 .wi-moon-waxing-crescent-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-3
                        .col-xs-11 .wi-moon-waxing-crescent-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-4
                        .col-xs-11 .wi-moon-waxing-crescent-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-5
                        .col-xs-11 .wi-moon-waxing-crescent-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-crescent-6
                        .col-xs-11 .wi-moon-waxing-crescent-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-first-quarter
                        .col-xs-11 .wi-moon-first-quarter
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-1
                        .col-xs-11 .wi-moon-waxing-gibbous-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-2
                        .col-xs-11 .wi-moon-waxing-gibbous-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-3
                        .col-xs-11 .wi-moon-waxing-gibbous-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-4
                        .col-xs-11 .wi-moon-waxing-gibbous-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-5
                        .col-xs-11 .wi-moon-waxing-gibbous-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waxing-gibbous-6
                        .col-xs-11 .wi-moon-waxing-gibbous-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-full
                        .col-xs-11 .wi-moon-full
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-1
                        .col-xs-11 .wi-moon-waning-gibbous-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-2
                        .col-xs-11 .wi-moon-waning-gibbous-2
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-3
                        .col-xs-11 .wi-moon-waning-gibbous-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-4
                        .col-xs-11 .wi-moon-waning-gibbous-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-5
                        .col-xs-11 .wi-moon-waning-gibbous-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-gibbous-6
                        .col-xs-11 .wi-moon-waning-gibbous-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-third-quarter
                        .col-xs-11 .wi-moon-third-quarter
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-1
                        .col-xs-11 .wi-moon-waning-crescent-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-2
                        .col-xs-11 .wi-moon-waning-crescent-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-3
                        .col-xs-11 .wi-moon-waning-crescent-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-4
                        .col-xs-11 .wi-moon-waning-crescent-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-5
                        .col-xs-11 .wi-moon-waning-crescent-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-waning-crescent-6
                        .col-xs-11 .wi-moon-waning-crescent-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-new
                        .col-xs-11 .wi-moon-alt-new
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-1
                        .col-xs-11 .wi-moon-alt-waxing-crescent-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-2
                        .col-xs-11 .wi-moon-alt-waxing-crescent-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-3
                        .col-xs-11 .wi-moon-alt-waxing-crescent-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-4
                        .col-xs-11 .wi-moon-alt-waxing-crescent-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-5
                        .col-xs-11 .wi-moon-alt-waxing-crescent-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-crescent-6
                        .col-xs-11 .wi-moon-alt-waxing-crescent-6
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-first-quarter
                        .col-xs-11 .wi-moon-alt-first-quarter
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-1
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-2
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-3
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-4
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-5
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waxing-gibbous-6
                        .col-xs-11 .wi-moon-alt-waxing-gibbous-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-full
                        .col-xs-11 .wi-moon-alt-full
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-1
                        .col-xs-11 .wi-moon-alt-waning-gibbous-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-2
                        .col-xs-11 .wi-moon-alt-waning-gibbous-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-3
                        .col-xs-11 .wi-moon-alt-waning-gibbous-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-4
                        .col-xs-11 .wi-moon-alt-waning-gibbous-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-5
                        .col-xs-11 .wi-moon-alt-waning-gibbous-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-gibbous-6
                        .col-xs-11 .wi-moon-alt-waning-gibbous-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-third-quarter
                        .col-xs-11 .wi-moon-alt-third-quarter
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-1
                        .col-xs-11 .wi-moon-alt-waning-crescent-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-2
                        .col-xs-11 .wi-moon-alt-waning-crescent-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-3
                        .col-xs-11 .wi-moon-alt-waning-crescent-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-4
                        .col-xs-11 .wi-moon-alt-waning-crescent-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-5
                        .col-xs-11 .wi-moon-alt-waning-crescent-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-moon-alt-waning-crescent-6
                        .col-xs-11 .wi-moon-alt-waning-crescent-6
        .col-sm-12
            p.lead.mt-lg Time
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-1
                        .col-xs-11 .wi-time-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-2
                        .col-xs-11 .wi-time-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-3
                        .col-xs-11 .wi-time-3
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-4
                        .col-xs-11 .wi-time-4
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-5
                        .col-xs-11 .wi-time-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-6
                        .col-xs-11 .wi-time-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-7
                        .col-xs-11 .wi-time-7
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-8
                        .col-xs-11 .wi-time-8
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-9
                        .col-xs-11 .wi-time-9
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-10
                        .col-xs-11 .wi-time-10
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-11
                        .col-xs-11 .wi-time-11
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-time-12
                        .col-xs-11 .wi-time-12
        .col-sm-12
            p.lead.mt-lg Directional Arrows
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-up
                        .col-xs-11 .wi-direction-up
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-up-right
                        .col-xs-11 .wi-direction-up-right
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-right
                        .col-xs-11 .wi-direction-right
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-down-right
                        .col-xs-11 .wi-direction-down-right
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-down
                        .col-xs-11 .wi-direction-down
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-down-left
                        .col-xs-11 .wi-direction-down-left
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-left
                        .col-xs-11 .wi-direction-left
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-direction-up-left
                        .col-xs-11 .wi-direction-up-left
        .col-sm-12
            p.lead.mt-lg Wind Degree Examples
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-0-deg
                        .col-xs-11 .wi-wind.towards-0-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-23-deg
                        .col-xs-11 .wi-wind.towards-23-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-45-deg
                        .col-xs-11 .wi-wind.towards-45-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-68-deg
                        .col-xs-11 .wi-wind.towards-68-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-90-deg
                        .col-xs-11 .wi-wind.towards-90-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-113-deg
                        .col-xs-11 .wi-wind.towards-113-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-135-deg
                        .col-xs-11 .wi-wind.towards-135-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-158-deg
                        .col-xs-11 .wi-wind.towards-158-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-180-deg
                        .col-xs-11 .wi-wind.towards-180-deg
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-203-deg
                        .col-xs-11 .wi-wind.towards-203-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-225-deg
                        .col-xs-11 .wi-wind.towards-225-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-248-deg
                        .col-xs-11 .wi-wind.towards-248-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-270-deg
                        .col-xs-11 .wi-wind.towards-270-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-293-deg
                        .col-xs-11 .wi-wind.towards-293-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-313-deg
                        .col-xs-11 .wi-wind.towards-313-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.towards-336-deg
                        .col-xs-11 .wi-wind.towards-336-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-180-deg
                        .col-xs-11 .wi-wind.from-180-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-203-deg
                        .col-xs-11 .wi-wind.from-203-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-225-deg
                        .col-xs-11 .wi-wind.from-225-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-248-deg
                        .col-xs-11 .wi-wind.from-248-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-270-deg
                        .col-xs-11 .wi-wind.from-270-deg
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-293-deg
                        .col-xs-11 .wi-wind.from-293-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-313-deg
                        .col-xs-11 .wi-wind.from-313-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-336-deg
                        .col-xs-11 .wi-wind.from-336-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-0-deg
                        .col-xs-11 .wi-wind.from-0-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-23-deg
                        .col-xs-11 .wi-wind.from-23-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-45-deg
                        .col-xs-11 .wi-wind.from-45-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-68-deg
                        .col-xs-11 .wi-wind.from-68-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-90-deg
                        .col-xs-11 .wi-wind.from-90-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-113-deg
                        .col-xs-11 .wi-wind.from-113-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-135-deg
                        .col-xs-11 .wi-wind.from-135-deg
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.from-158-deg
                        .col-xs-11 .wi-wind.from-158-deg
        .col-sm-12
            p.lead.mt-lg Wind Cardinal Examples
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-n
                        .col-xs-11 .wi-towards-n
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-nne
                        .col-xs-11 .wi-towards-nne
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-ne
                        .col-xs-11 .wi-towards-ne
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-ene
                        .col-xs-11 .wi-towards-ene
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-e
                        .col-xs-11 .wi-towards-e
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-ese
                        .col-xs-11 .wi-towards-ese
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-se
                        .col-xs-11 .wi-towards-se
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-sse
                        .col-xs-11 .wi-towards-sse
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-s
                        .col-xs-11 .wi-towards-s
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-ssw
                        .col-xs-11 .wi-towards-ssw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-sw
                        .col-xs-11 .wi-towards-sw
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-wsw
                        .col-xs-11 .wi-towards-wsw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-w
                        .col-xs-11 .wi-towards-w
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-wnw
                        .col-xs-11 .wi-towards-wnw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-nw
                        .col-xs-11 .wi-towards-nw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-towards-nnw
                        .col-xs-11 .wi-towards-nnw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-n
                        .col-xs-11 .wi-wind.wi-from-n
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-nne
                        .col-xs-11 .wi-wind.wi-from-nne
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-ne
                        .col-xs-11 .wi-wind.wi-from-ne
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-ene
                        .col-xs-11 .wi-wind.wi-from-ene
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-e
                        .col-xs-11 .wi-wind.wi-from-e
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-ese
                        .col-xs-11 .wi-wind.wi-from-ese
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-se
                        .col-xs-11 .wi-wind.wi-from-se
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-sse
                        .col-xs-11 .wi-wind.wi-from-sse
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-s
                        .col-xs-11 .wi-wind.wi-from-s
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-ssw
                        .col-xs-11 .wi-wind.wi-from-ssw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-sw
                        .col-xs-11 .wi-wind.wi-from-sw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-wsw
                        .col-xs-11 .wi-wind.wi-from-wsw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-w
                        .col-xs-11 .wi-wind.wi-from-w
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-wnw
                        .col-xs-11 .wi-wind.wi-from-wnw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-nw
                        .col-xs-11 .wi-wind.wi-from-nw
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind.wi-from-nnw
                        .col-xs-11 .wi-wind.wi-from-nnw
        .col-sm-12
            p.lead.mt-lg Beaufort Wind Scale
            .row
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-0
                        .col-xs-11 .wi-wind-beaufort-0
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-1
                        .col-xs-11 .wi-wind-beaufort-1
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-2
                        .col-xs-11 .wi-wind-beaufort-2
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-3
                        .col-xs-11 .wi-wind-beaufort-3
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-4
                        .col-xs-11 .wi-wind-beaufort-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-5
                        .col-xs-11 .wi-wind-beaufort-5
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-6
                        .col-xs-11 .wi-wind-beaufort-6
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-7
                        .col-xs-11 .wi-wind-beaufort-7
                .col-lg-4
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-8
                        .col-xs-11 .wi-wind-beaufort-8
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-9
                        .col-xs-11 .wi-wind-beaufort-9
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-10
                        .col-xs-11 .wi-wind-beaufort-10
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-11
                        .col-xs-11 .wi-wind-beaufort-11
                    .row
                        .col-xs-1.text-md
                                i.wi.wi-wind-beaufort-12
                        .col-xs-11 .wi-wind-beaufort-12


block vendor_css
  // WEATHER ICONS
  link(rel='stylesheet', href='../vendor/weather-icons/css/weather-icons.min.css')
  link(rel='stylesheet', href='../vendor/weather-icons/css/weather-icons-wind.min.css')
block vendor_js
  // SKYCONS
  script(src='../vendor/skycons/skycons.js')
